<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="t" uri="http://tiles.apache.org/tags-tiles"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>

<s:url var="action_url" value="/settings/save_password"/>
<div class="row-fluid">

    <sf:form class="form-horizontal" modelAttribute="passwordForm" action="${action_url}">

        <div class="control-group">
            <sf:label cssClass="control-label" path="password">Nova senha</sf:label>

                <div class="controls">
                <sf:password path="password"/><br/>
                <sf:errors path="password" cssClass="text-danger" />

            </div>
        </div>

        <div class="form-actions">
            <button class="btn btn-info" type="submit">
                <i class="icon-ok bigger-110"></i>
                Gravar
            </button>

            &nbsp; &nbsp; &nbsp;
            <button class="btn" onclick="javascript:back()">
                <i class="icon-undo bigger-110"></i>
                Voltar
            </button>
        </div>


    </sf:form>

</div>


<!--page specific plugin scripts-->

<!--[if lte IE 8]>
  <script src="/js/"></script>
<![endif]-->


<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="assets/js/chosen.jquery.min.js"></script>
<script src="assets/js/fuelux/fuelux.spinner.min.js"></script>
<script src="assets/js/date-time/moment.min.js"></script>
<script src="assets/js/date-time/bootstrap-datepicker.min.js"></script>
<script src="assets/js/date-time/bootstrap-timepicker.min.js"></script>
<script src="assets/js/date-time/daterangepicker.min.js"></script>
<script src="assets/js/bootstrap-colorpicker.min.js"></script>
<script src="assets/js/jquery.knob.min.js"></script>
<script src="assets/js/jquery.autosize-min.js"></script>
<script src="assets/js/jquery.inputlimiter.1.3.1.min.js"></script>
<script src="assets/js/jquery.maskedinput.min.js"></script>


<!--inline scripts related to this page-->

<script type="text/javascript">
    $(function() {


        $('.ace-tooltip').tooltip();
        $('.ace-popover').popover();


        var $tooltip = $("<div class='tooltip right in' style='display:none;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>").appendTo('body');

        $('.input-mask-phone').mask('(99) 9999-9999');
        $('#numeroDisciplina').ace_spinner({value: ${disciplina.numeroDisciplina}, min: 0, max: 100, step: 1, icon_up: 'icon-caret-up', icon_down: 'icon-caret-down'});
        $('#quantidadeTemposAula').ace_spinner({value: ${disciplina.quantidadeTemposAula}, min: 0, max: 999, step: 1, icon_up: 'icon-caret-up', icon_down: 'icon-caret-down'});
        $('#quantidadeTemposAvaliacao').ace_spinner({value: ${disciplina.quantidadeTemposAvaliacao}, min: 0, max: 999, step: 1, icon_up: 'icon-caret-up', icon_down: 'icon-caret-down'});

    });
</script>